<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="./lib/jquery-1.12.2.js"></script>
  </head>
  <body>
    <input type="file" id="file_name" />
    <script>
      $('#file_name').change(() => {
        // 获取 file 对象
        const file = $('#file_name').get(0).files[0]
        // console.log(file)
        // 新建 FormData 对象
        const fd = new FormData()
        // 把文件添加到 FormData 对象中
        fd.append('file_data', file)
        // 发送 AJAX 请求实现上传
        $.ajax({
          method: 'POST',
          url: 'http://127.0.0.1:3001/uploadFile',
          // 需要设置 cp 组合配置才能上传 FormData 数据
          data: fd,
          contentType: false,
          processData: false,
          success: (res) => {
            alert('上传成功')
            console.log(res)
          },
        })
      })
    </script>
  </body>
</html>
